@import "./modules/reset";
@import "./modules/var";
@import "./modules/mixin";
@import "./modules/nav";
@import "./modules/header";
@import "./modules/asideShortCut";
@import "./modules/pagination";
@import "./modules/footer";
img {
  background: url('../../static/images/indeximg/lazybg.png') repeat-y center;
  background-size: 100% auto;
}
body {
  background-color: #fff;
}
.goods-list-title {
  .top-cate {
    background-color: #FAFAFA;
    height: 40px;
    line-height: 36px;
    padding-left: 20px;
    font-size: 16px;
    border: 1px solid #E5E5E5;
    li {
      float: left;
      padding: 0 15px;
      border-top: 2px solid transparent;
      cursor: pointer;
    }
    li.active {
      border-top: 2px solid $color;
      background-color: #fff;
    }
  }
  .filter-goods {
    height: 39px;
    border: 1px solid #E5E5E5;
    border-top: none;
    line-height: 38px;
    padding-left: 25px;
    .sort {
      margin-right: 20px;
    }
    li {
      float: left;
      .range {
        height: 22px;
        .ritem {
          border: 1px solid #E5E5E5;
          margin-top: 8px;
          span {
            color: #666;
          }
        }
        span {
          width: 12px;
          line-height: 20px;
          text-align: center;
        }
        input {
          width: 34px;
          height: 20px;
          font-size: 12px;
          padding-left: 5px;
        }
        .dec {
          margin: 0 5px;
        }
      }
      .confirm {
        height: 22px;
        border: 1px solid #E5E5E5;
        padding: 0 10px;
        line-height: 20px;
        cursor: pointer;
        margin-top: 8px;
        margin-left: 10px;
      }
      .stage {
        height: 22px;
        border: 1px solid #E5E5E5;
        line-height: 20px;
        margin-top: 8px;
        margin-left: 10px;
        >div {
          height: 20px;
          padding: 0 10px;
          cursor: pointer;
        }
        div:not(:last-child) {
          border-right: 1px solid #E5E5E5;;
        }
      }
    }
    li.line {
      margin: 0 20px;
      cursor: default;
    }
    li.choice {
      cursor: pointer;
    }
    li.choice.active {
      color: #FF3366;
      font-weight: 600;
    }
    li.dec {
      padding: 0 5px;
    }
  }
}
//商品列表
.goods-list-wrapper {
  width: 1200px;
  margin: 0 auto;
  .goods-list {
    position: relative;
    margin-right: -25px;
    margin-top: 40px;
    li {
      float: left;
      width: 220px;
      padding-bottom: 10px;
      margin: 0 25px 25px 0;
      border: 1px solid #ccc;
      &:nth-child(n+6) {
        position: absolute;
      }
      &:hover {
        border-color: $color;
        .img::after {
          display: block;
        }
      }
      .img {
        position: relative;
        width: 100%;
        cursor: pointer;
        &::after {
          content: '找相似';
          display: none;
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          line-height: 24px;
          height: 24px;
          color: #fff;
          font-size: 14px;
          text-align: center;
          background-color: rgba(255, 50, 90, .6);
        }
        img {
          width: 100%;
        }
      }
      .goods-info {
        padding: 0 10px;
        margin-top: 5px;
        p.title {
          line-height: 20px;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
          text-overflow: ellipsis;
        }
        p.ginfo {
          line-height: 20px;
          margin-top: 5px;
          span.price {
            float: left;
            font-size: 16px;
            color: $color;
          }
          span.store {
            float: right;
            i {
              float: left;
              margin-top: 2px;
              margin-right: 3px;
              @include setbgimg(16px, 15px, '../../static/images/indeximg/collection.png');
            }
            span.store-count {
              color: #bfbfbf;
            }
          }
        }
      }
    }
  }
}